<template>
	<section>
		<!--start 面包屑-->
		<div class="location">
			<el-breadcrumb separator="/">
			  <el-breadcrumb-item :to="{path:'/index'}">首页</el-breadcrumb-item>
			  <el-breadcrumb-item>账号信息</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<!--end 面包屑-->
		<!--start content-->
		<el-button type="primary">
			<router-link to="/accountSafety" style="color: #fff;">账号安全</router-link>
		</el-button>
		<!--end content-->
		
	</section>
</template>


<script>
</script>

<style scoped>
  section {
  	display: flex;
  	flex-direction: column;
  	flex: 1;
  }
  div.location {
  	flex: 0 0 10px;
  	padding:3px 0 15px 0;
  }
  div.content {
  	position: relative;
  	flex: 1;
  	width: 100%;
  	background-color: #fff;
  }
  div.content ul:not(.active) {
	padding: 20px;
  }
  .wrapUl>li:not(.noWrapUl) {
  	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e6ecf2;
	transition: .2s;
	background-color: #fff;
  }
  div.content ul.active li {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #e6ecf2;
	transition: .2s;
	background-color: #fff;
  }
  div.content ul.active {
	overflow-y: auto;
  }
  div.content ul.active li:hover {
	background-color: #F5F7FC;
  }
  div.content ul.active li:hover div.setBox{
	display: block;
  }
  div.content ul.active li div.setBox{
	display: none;
	padding-right: 10px;
  }
  li p {
  	padding-left: 20px;
  }
  .textR {
  	text-align: right;
  }
  .font12 {
  	font-size: 12px;
  }
  .setbtn {
  	margin-left: 30px;
  }
  /* start add */
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    background-color: rgba(240, 240, 240, 0.2);
    /*background-color: rgba(0, 0, 0, .2);*/
  }
  .specific-search {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 30px;
    z-index: 1005;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 10px #ccc;
  }
  .search-title {
    font-size: 16px;
    border: 0;
    color: #415161;
  }
  .form {
    width: 1000px;
    background: #fff;
    margin: 20px 0;
  }
  .search-btn {
  	margin-top: 50px;
  }
  .specific-search {
  	height: 260px;
  }
  /* end add */
  .fade-enter-active, .fade-leave-active {
	transition: .4s;
  }
  .fade-enter, .fade-leave-active {
    opacity: 0;
  }
  .slideDown-enter-active, .slideDown-leave-active {
	transition: .4s;
  }
  .slideDown-enter, .slideDown-leave-active {
    height: 0;
    opacity: 0;
  }
  div.content ul li.title {
  	font-size: 14px;
  	background-color: #EEF1F9;
  }
</style>
